<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>My Spots</title>
<link rel="stylesheet" href="../../jquery.mobile/jquery.mobile-1.0.1.min.css" />
<script src="../../jquery.mobile/jquery.js"></script>
<script src="../../jquery.mobile/jquery.mobile-1.0.1.min.js"></script>
<script src="../../jquery.mobile/iscroll-lite.js?v4"></script>
<script type="text/javascript">
	var myScroll;
	function loaded() {
		myScroll = new iScroll('wrapper');
	}

	document.addEventListener('DOMContentLoaded', loaded, false);
</script>
</head>
<body>

<div data-role="page" id="page_main" >

	<div data-role="header"  data-position="fixed">
	<a href="#" data-rel="back" data-icon="back" data-direction="reverse" class="ui-btn-left jqm-back">BACK</a>
	<h1>지역2</h1>
			<a href="#" data-icon="plus"">새로추가</a>
	</div>
     <div data-role="navbar" >
            <ul>
				<li><a href="#">즐길거리</a></li>
				<li><a href="#">먹거리</a></li>
				<li><a href="#">잠자리</a></li>
            </ul>
     </div>

	<div data-role="content">
		<div id="wrapper">
			<div id="scroller">
				<ul data-role="listview">
					<li><img src="../images/spot1.jpg" />
						<h4><a href="my_spots_list_02_detail_01.html">Spot명1</a></h4>
						<p>한줄소개</p>
					</li>
					<li><img src="../images/spot2.jpg" />
						<h4><a href="my_spots_list_02_detail_02.html">Spot명2</a></h4>
						<p>한줄소개</p>
					</li>
					<li><img src="../images/spot3.jpg" />
						<h4><a href="my_spots_list_02_detail_03.html">Spot명3</a></h4>
						<p>한줄소개</p>        
					</li>
					<li><img src="../images/spot4.jpg" />
						<h4><a href="my_spots_list_02_detail_04.html">Spot명4</a></h4>
						<p>한줄소개</p>  
					</li>
				</ul>
			</div>
		</div>
	</div>

	<div data-role="footer"  data-position="fixed">
	<h1>JumpingFrog</h1>
	</div>

</div>

</body>
</html>